<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../attr.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/stylepc.css">
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-latest.js"></script>
<script type="text/javascript" src="${ctx}/js/pc.js"></script>
<link rel="stylesheet" type="text/css"
	href="${ctx}/css/kkpager_blue.css" />
<title>包装管理</title>
<style>
hr {
	align: left;
	margin-left: 0px;
}

#saper-container {
	width: 95%;
	margin-left:50px;
	border: 1px dashed blue;

}

.biaoti {
	display: block;
	color: white;
	font-weight: bold;
	width: 100px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

#bt1 {
	background-color: #009933;
}

#bt2 {
	background-color: #00FFCC;
}

#bt3 {
	background-color: #0033FF;
}

#bt4 {
	background-color: #33CCFF;
}

.menu{
border:1px solid red;
margin-left:500px;
}
#all{
width:1040px;
height:100%;
}
.ulmenu1{
border:1px solid red;
width:300px;
margin-left:40px;
margin-top:10px;
}
#biaoti{
font-size:20px;

}
.container{
border:1px solid red;
margin-top:15px;
}
.content{
border:2px solid green;
margin-top:15px;
margin-left:100px;
}


.biaoti {

	display: block;
	color: blue;
	font-weight: bold;
	width: 100px;
	height: 25px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #c1d3de;
}

#bt1 {
	background-color: #009933;
}
#all{
width:1040px;
margin:0 auto;
border:1px dashed green;

}
</style>
</head>

<body>
<div id="all">
<div id="saper-container">
		<div id="saper-hd"></div>
		<div id="saper-bd">
			<div class="subfiled clearfix">
				<h2>追溯功能</h2>
			</div>
			<div class="subfiled-content">
				<div class="search-box clearfix">
					<div class="kv-item clearfix">
						<label>手术包条码：</label>
						<div class="kv-item-content">
							<input type="text" name="searchTxt" placeholder="手术包条码"
								value="${searchTxt}" class="search_text">
						</div>
					</div>
					<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
				</div>
			</div>
		</div>
		
	</div>
	
	





	<div class="container">
		<div class="menu">
			<h3 id="biaoti"><i class="q-menu-img positionIicon"></i>快速上手</h3>
			<ul class="ulmenu1">
				<li><a class="selected" href="#tab1">基础信息</a></li>
				<li><a href="#">回收信息</a></li>
				<li><a href="#">清洗信息</a></li>
				<li><a href="#">配包信息</a></li>
				<li><a href="#">灭菌准备</a></li>
				<li><a href="#">灭菌信息</a></li>
				<li><a href="#">物品发放</a></li>
				<li><a href="#">使用记录</a></li>
			</ul>


			
		</div>
		
		<div class="content">
			<!-- <div class="get-menu">
				
				<span id="xiaobiaoti"><h3>基本信息</h3></span>
				
			</div>
 -->
			<div class="menu1 menu_tab">
			
				<div id="tab1" class="tab active">
				<span class="biaoti">基础信息</span>
						<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>

									<th>包名</th>
									<th>所属科室</th>
									<th>功能</th>

								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${dabao.packageName}</td>
											<td>${departmentname}</td>
											<td>${gongneng}</td>


										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>

				</div>
				<div  id="tab2" class="tab">
				<span class="biaoti">回收信息</span>
						<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>


									<th>交接人姓名</th>
									<th>回收人姓名</th>
									<th>回收网篮条码</th>
									<th>回收时间</th>
									<th>包状态</th>
									<th>同一个回收网篮的包</th>


								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${jiaojierenname}</td>
											<td>${huishourenname}</td>
											<td>${dabao.huishouWanglanTiaoma}</td>
											<td><fmt:formatDate value="${dabao.huishouTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>

											<td><c:if test="${dabao.huishouZhuangtai==0}">待清洗</c:if>
												<c:if test="${dabao.huishouZhuangtai==1}">清洗中</c:if></td>
											<c:if test="${dabao.huishouZhuangtai==2}">清洗完成</c:if>
											</td>

											<td><a href="#">查看详细</a></td>

										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				<!--表格结束-->
				</div>

				<div  id="tab3" class="tab">
				<span class="biaoti">清洗信息</span>
					<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>

									<th>清洗设备条码</th>
									<th>清洗设备名字</th>
									<th>清洗软件名字</th>
									<th>清洗人</th>
									<th>清洗开始时间</th>
									<th>清洗结束时间</th>
									<th>清洗审核人</th>
									<th>清洗审核时间</th>
									<th>清洗审核状态</th>
									<th>一起清洗的包</th>
								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${dabao.qingxiShebeiTiaoma}</td>
											<td>${equipname}</td>
											<td>${softname}</td>
											<td>${qinxirenname}</td>
											<td><fmt:formatDate value="${dabao.qingxiKaishiTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td><fmt:formatDate value="${dabao.qingxiJieshuTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td>${shenherenname}</td>
											<td><fmt:formatDate value="${dabao.qingxiShenherenTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td><c:if test="${dabao.qingxiHege==0}">不合格</c:if> <c:if
													test="${dabao.qingxiHege==1}">合格</c:if></td>
											<td><a href="#">查看详细</a></td>


										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>

				<div  id="tab4" class="tab">
				<span class="biaoti">配包信息</span>
					<!--表格开始-->
				<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>

									<th>配包人</th>
									<th>配包时间</th>
									<th>配包审核人</th>

									<th>配包审核时间</th>
									<th>配包审核状态</th>
									<th>关包人</th>

									<th>关包时间</th>



								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${peibaorenname}</td>
											<td><fmt:formatDate value="${dabao.peibaoTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>



											<td>${peibaoshenherenName}</td>
											<td><fmt:formatDate value="${dabao.peibaoShenherenTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>

											<td><c:if test="${dabao.peibaoHege==0}">不合格</c:if> <c:if
													test="${dabao.peibaoHege==1}">合格</c:if></td>
											<td>${guanbaorenname}</td>
											<td><fmt:formatDate value="${dabao.peibaoGuanbaoTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>

				<div  id="tab5" class="tab">
				<span class="biaoti">灭菌准备</span>
							<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>
									<th>灭菌准备人</th>
									<th>灭菌网篮</th>
									<th>灭菌准备时间</th>
									<th>同一个网篮的包</th>

								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${mijunzhunbeirenName}</td>
											<td>${dabao.miejunWanglanTiaoma}</td>
											<td><fmt:formatDate value="${dabao.miejunZhunbeiTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>

											<td><a href="#">查看详细</a></td>



										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>


				<div  id="tab6" class="tab">
							<div class="table">
							<span class="biaoti">灭菌信息</span>

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>
									<th>灭菌设备条码</th>

									<th>灭菌设备名字</th>
									<th>灭菌程序</th>
									<th>灭菌人</th>
									<th>灭菌开始时间</th>
									<th>灭菌结束时间</th>
									<th>灭菌审核人</th>
									<th>灭菌审核结果</th>
									<th>灭菌状态</th>
									<th>一起灭菌的包</th>
								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${dabao.miejunShebeiTiaoma}</td>
											<td>${miejunshebeiname}</td>
											<td>${miejunsoftname}</td>
											<td>${miejunrenname}</td>
											<td><fmt:formatDate value="${dabao.miejunKaishiTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td><fmt:formatDate value="${dabao.miejunJieshuTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											<td>${miejunshenherenName}</td>
											<td><c:if test="${dabao.miejunHege==0}">不合格</c:if> <c:if
													test="${dabao.miejunHege==1}">合格</c:if></td>
											<td><c:if test="${dabao.miejunZhuangtai==0}">待灭菌</c:if>
												<c:if test="${dabao.miejunZhuangtai==1}">灭菌中</c:if> <c:if
													test="${dabao.miejunZhuangtai==2}">灭菌完成</c:if></td>
											<td><a href="#">查看详细</a></td>



										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>
				<div  id="tab7" class="tab">
				<span class="biaoti">发放信息</span>
					<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>

									<th>发放人</th>
									<th>发放科室</th>
									<th>发放时间</th>


								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${fafangrenName}</td>
											<td>${dabao.fafangLiushui}</td>
											<td>${dabao.fafangLiushui}</td>


										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>
				<div  id="tab8" class="tab">
				<span class="biaoti">使用信息</span>
							<div class="table">

					<!--表格具体内容-->
					<div class="table-box">
						<table>
							<thead>
								<tr>

									<th>使用科室</th>
									<th>使用病人编号</th>
									<th>病人姓名</th>
									<th>病人住院号</th>
									<th>病人手术类型</th>

									<th>使用时间</th>



								</tr>
							</thead>
							<tbody>


								<c:if test="${dabaoList != null}">
									<c:forEach items="${dabaoList}" var="dabao">
										<tr>

											<td>${dabao.patientId}</td>
											<td>${dabao.patientId}</td>
											<td>${dabao.patientHospitalNo}</td>
											<td>${dabao.shoushuTemplate}</td>
											<td>${dabao.patientHospitalNo}</td>
											<td><fmt:formatDate value="${dabao.shiyongTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</div>
				</div>

			</div>

			
			
			




		</div>

	</div>
	
	</div>
</body>


<script type="text/javascript">
	$(function() {

		$(".query-btn")
				.click(
						function() {
							alert("what can i do for you ?");
							window.location.href = "${ctx}/zhuisuPackage/packageingList.do?searchTxt="
									+ $(".search_text").val();
						});

	})
</script>
</html>